/************************
****==Author : zw ;==****
****==Date :2018-10-31;**
************************/
.zcarousel-wrap{
	position:relative;
	overflow: hidden;
}
.z-big-carousel-outer{
	min-width:1200px;
}
.zcarousel-wrap .zimg-wrap{
	width:100%;
    height: auto;
    -webkit-transition:margin-left.5s;
   	-moz-transition:margin-left .5s;
   	-ms-transition:margin-left .5s;
    transition:margin-left .5s;
}
.zcarousel-wrap .zimg-wrap{

}
.zcarousel-wrap .zimg-wrap li{
	float:left;
	height:auto;
	position: relative;
}
.zcarousel-wrap .zimg-wrap li a{
	display:block;
}
.zcarousel-wrap .zimg-wrap li img{
	width:100%;
	margin:0 auto;
}
.zcarousel-wrap .zimg-wrap li p{
	color: #fff;
    position: absolute;
    bottom: 59px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 36px;
}
.zcarousel-wrap .zcontrol-wrap{
	position:absolute;
}
.zcarousel-wrap .zcontrol-wrap{
	width: 100%;
    height: 0;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align:center;
}
.zcarousel-wrap .zcontrol-wrap li{
	width: 48px;
    height: 5px;
    border-radius:7px;
    margin-right:20px;
    display: inline-block;
    cursor: pointer;
    border:1px solid #da251c;
}
.zcarousel-wrap .zcontrol-wrap li:last-child{
	margin-right:0!important;
}
.zcarousel-wrap .zcontrol-wrap li.active{
	background:#da251c;
}
.zcarousel-wrap .zside-btn{
	position: absolute;
	left: 20px;
	width: 40px;
	height: 60px;
	margin-top: -30px;
	top:50%;
	background: url(../../images/pages/car-zleft.png);
	cursor: pointer;
}

/* .zcarousel-wrap .zside-btn+.zside-btn{
	left:initial;
	right: 20px;
	background: url(../../images/pages/car-zright.png);
}
.zcarousel-wrap .zside-btn.not-active{
	background: url(../../images/pages/car-zleft-active.png);
	background-position: 0 0;
}

.zcarousel-wrap .zside-btn+.zside-btn.not-active{
	background: url(../../images/pages/car-zright-active.png);
} */

.zcarousel-wrap .zside-btn+.zside-btn{
 left:initial;
 right: 20px;
 background: url(../../images/pages/car-zright.png);
}
.zcarousel-wrap .zside-btn:hover{
 background: url(../../images/pages/car-zleft-active.png);
 background-position: 0 0;
}

.zcarousel-wrap .zside-btn+.zside-btn:hover{
 background: url(../../images/pages/car-zright-active.png);
}

.side-click-box{
	max-width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
div.page-inner{
	width:1200px;
	margin:0 auto;
}
.zidnex-block{
	padding-bottom:36px;
}
.zidnex-block ul{
	overflow:hidden;
    padding: 5px;
}
/*
.zidnex-block h5.zsty1{
	background: url(../../images/pages/zbar1.png)  center center no-repeat;
}
.zidnex-block h5.zsty2{
	background: url(../../images/pages/zbar2.png)  center center no-repeat;
}
.zidnex-block h5.zsty3{
	background: url(../../images/pages/zbar3.png)  center center no-repeat;
}
.zidnex-block h5.zsty4{
	background: url(../../images/pages/zbar4.png)  center center no-repeat;
}
.zidnex-block h5.zsty5{
    background: url(../../images/pages/zbar5.png)  center center no-repeat;
}
*/
.zauthor-box{
}
.zauthor-box li{
	width: 15.5%;
	margin-right:1.55%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 7px;
	position:relative;
    overflow: hidden;
}
.zauthor-box li .z-inner{
	padding-bottom:133.33%;/*¿í¸ß±È3:4*/
	height: 0;
	position: relative;
	overflow: hidden;
}
.zauthor-box li:nth-child(6n){
	margin-right:0;
}
.zauthor-box li img{
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.zauthor-box .shade{
    position: absolute;	
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    background: rgba(0,0,0,.6);
    line-height: 200px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    transition: all .3s;
    font-weight: bolder;
}
.zauthor-box li:hover .shade{
	bottom:0;
}

.znews-box>div{
	height:240px;
}
.znews-box .zleft{
	width: 370px;
	position: relative;
	overflow: hidden;
	float: left;
}
.znews-box .zleft img{
	float:left;
	width: 100%;
}
.znews-box .zleft span{
	position: absolute;
	bottom: 0;
	left:0;
	height: 60px;
	line-height: 60px;
	background:rgba(0,0,0,.6);
	color: #fff;
	padding:0 15px;
	width:100%;
	box-sizing: border-box;
	font-family:"Microsoft Yahei Regular";
	font-size:16px;
}
.znews-box .zright{
	width: 100%;
    padding: 6px 0 6px 390px;
    box-sizing: border-box;
}
.znews-box .zright li,.z-list-sec li{
	padding-right: 50px;
	line-height: 42px;
	height: 42px;
    position: relative;	
    color:#313131;
    font-size:16px;
}
.znews-box .zright li span,.z-list-sec li span{
	position: absolute;
	right: 0;
	top:0;
	line-height: 40px;
	height: 40px;
	width:100px;
	font-weight: bolder;
    font-size: 14px;
    text-align: right;
}
.zabout{
	position: relative;
	box-sizing: border-box;
	background: url(../../images/pages/wave.png);
}

.zabout .zlogo{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -56px
}
.zabout-box h5{
	max-width: 1200px;
   	margin: 40px auto 0;
    padding-top: 40px;
}
.zabout .zinner{
    max-width: 1200px;
    margin: 10px auto 0;
    padding-top: 40px;
    padding-left: 150px;
    box-sizing: border-box;
    position: relative;
}
.znobg.zidnex-block {
	
}
.zabout-box p{
	padding: 0 0 40px; 
	text-indent: 2em;
	color:#333333;
    font-size: 16px;
    font-family:"Microsoft Yahei Regular";
}

.ztwo-code {
	position: fixed;
	right:5px;
	bottom:30%;
    width: 170px;
    z-index: 1;
    display: none;
}
.ztwo-code img{
	width:100%;
}
.ztwo-code span{
	color: #999;
	display: block;
	cursor: pointer;
    margin-bottom: 5px;
    margin-left: 10px;
}
.ztwo-code div{
	position: absolute;	
    color: #fff;
    font-size: 14px;
    text-align: center;
    bottom: 20px;
    left: 30px;
}

.z-content-box{
	position:relative;
}
.z-content-box .z-right-sec{
    margin-left: 378px;
    padding-top: 10px;
}
/**/
.z-cate-list h5{
	margin-bottom:12px;
}
.z-cate-list dl{
	padding:0 36px;
}
.z-cate-list dt{
	line-height:22px;
	font-weight:bolder;
	font-size:16px;
	border-bottom:1px solid #ed5a52;
	margin:20px 0 5px;
	cursor:pointer;
	position:relative;
}
.z-cate-list dt:before{
/*mark!!!!!!*/
  background-image: url(../../images/pages/sprite-batch-2.png);
  background-position: -136px -114px;
  width: 14px;
  height: 8px;
  content:"";
  display:block;
  position:absolute;
  right:0;
  top:0;
  
  
}
.z-cate-list dd{
	line-height:34px;
	font-size:16px;
	color:#666;
	height: 0;
    overflow: hidden;
    cursor:pointer;
}
.z-cate-list dd a{
	color:#666;
	font-size:16px;
}
.z-cate-list .zopen dd{
	height: auto;
}
.z-conduct-list li div{
	border-bottom:1px solid #ed5a52;
	line-height:22px;
	font-weight:bolder;
	font-size:16px;
	margin:24px 0 10px;
}
.z-conduct-list ul{
	padding:0 36px;
}
.z-conduct-list li div span{
	color:#999;
}
.z-conduct-list li p{
	line-height:22px;
	font-size:16px;
	color:#666;
}
.z-conduct-list li p img{
	width:125px;
}
.windex{
	min-width:1200px;
	overflow:auto;
}
/*media*/
@media screen and (max-width:414px){
	.windex{
		min-width:initial;
	}
	.zauthor-box li{
		width:30%;
		margin-right:5%;
	}
	.zauthor-box li:nth-child(3n){
		margin-right:0;
	}
	.znews-box .zleft{
		width:100%;
	}
	.znews-box .zright{
		padding:0;
	}
	.zidnex-block{
		padding:0 15px 36px;
	}
	div.page-inner{
		width:100%;
	}
	.z-big-carousel-outer{
		min-width:initial;
		overflow: hidden;
	}
	.zcarousel-wrap{
	    min-width: 600px;
	    margin-left: 50%;
	    transform: translateX(-50%);
        height: auto!important;
	}
	.side-click-box{
		display:none;
	}
	.znews-box>div {
        height: auto;
	}
	.znews-box .zleft{
		float:initial;
	}
}